/*progress*/

.logo {
  stroke: #333;
  stroke-width: 5;
  animation: logo 5s linear infinite;
}

@keyframes logo {
  0% {
    // 通过path.getTotalLength方法获取长度
    stroke-dasharray: 6885;
    stroke-dashoffset: 6885;
    fill: white;
  }
  50% {
    fill: white;
    stroke-dasharray: 6885;
    stroke-dashoffset: 0;
  }
  75% {
    fill: red;
    stroke: white;
  }
  100% {
    fill: blue;
    stroke: white;
  }
}
